.art-list-summary {
  border-bottom: 1px solid #eee;
  margin: 0.3rem 0;
  line-height: 3rem;
  padding: 0 1rem;
  font-weight: 500;
}
.art-list-item {
  padding: 1rem;
  border-bottom: 1px solid #eee;
	&:nth-child(even) {
		background: #fafafa;
	}
	.art-title {
		display: flex;
		.title {
			line-height: 1.8em;
			flex: auto;
			font-size: 1.3rem;
			font-weight: 500;
		}
	}
	.art-sumary {
		color: #444;
		margin-top: 0.6rem;
		line-height: 1.6em;
		max-height: 12rem;
		overflow: hidden;
		text-align: justify;
		word-break: break-all;
		text-overflow: ellipsis;
	}
}


.lgl-art-box {
	overflow-x: hidden;
	>.main {
		padding: 1rem;
	}
	.art-title {
		font-size: 1.5em;
		text-align: center;
		line-height: 2em;
	}
	.art-meta {
		padding: 0.6rem;
		text-align: center;
	}
	h2 {
		font-weight: 500;
		font-size: 1.4em;
	}
	h3 {
		font-weight: 500;
		font-size: 1.3em;
	}
	h4 {
		font-weight: 500;
		font-size: 1.2em;
	}

	table{
		border-collapse: collapse;
		min-width: 70%;
    margin: 0 auto;
		td,th{
			border: 1px solid #ddd;
			padding: 0.3rem 0.6rem;
			text-align: left;
		}
		thead{
			tr{
				th{
					border-left: 0px;
					&:first-child{
						border-left: 1px solid #ddd;
					}
				}
			}
		}
		tbody{
			tr{
				&:hover{
					background-color: #06b;
					color:#fff;
				}
				td{
					border-top: 0px;
					border-left: 0px;
					&:first-child{
						border-left: 1px solid #ddd;
					}
				}
				
			}
		}
	}
	div.chroma>table.lntable{
		width:100%;
		&>tbody>tr{
			&>td:first-child{
			  display:none;
			  border:none;
			}
			td{
			  border:none;
			  padding:0px;
			}
			&:hover{
				background:none;
				
				td.lntd pre{
					border-color: #ccc;
				}
			} 
		}
	}
	
	pre[class*="language-"]{
		margin: 3px 0px;
	}
}


.art-meta {
  color: #666;
	a {
		color: #666;
		&:hover {
			color: #06b;
		}
	}
	.category {
		background: url(/img/category.svg) no-repeat;
		background-size: contain;
		padding-left: 1.2rem;
		display: inline-block;
		margin-right: 0.6rem;
	}
	.tag {
		background: url(/img/tag.svg) no-repeat;
		background-size: contain;
		padding-left: 1.2rem;
		display: inline-block;
		margin-right: 0.6rem;
	}
	.update-date {
		background: url(/img/time.svg) no-repeat;
		background-size: contain;
		padding-left: 1.2rem;
		display: inline-block;
	}
}